AngularJS Material Design components

車輪開発大好きおたいがです。こんにちは。（挨拶）

昨日、Google のエンジニアリングディレクター兼 AngularJS のマネージャーである Brad Green 氏が発言しました。

Working on AngularJS Material Design components. It's early days, but follow along at http://t.co/oreooTAatu pic.twitter.com/gWQPCgHtp3

— Brad Green (@bradlygreen) July 3, 2014

「AngularJS 製の Material Design コンポーネント開発に取り組んでいます」とのこと。早速デモサイトを覗いてみました。もちろん AngularJS 製です。

デモサイト

https://material.angularjs.org/#/

デモサイトのトップページに「この AngularJS の Material Design プロジェクトは Polymer の paper elements を補助する努力をしますよ 」…的なことが書かれています。なるほど。

できたてリポジトリなので…

まだ立ち上げで間もないリポジトリなのでドキュメントがありません。ざっくり見た感じ gulp を使ってビルドすることでローカル環境にデモサイトを展開させたり、'ngMaterial' という名前の AngularJS モジュール (material-design.js) を書き出したりすることができるようです。

• angular/material
  https://github.com/angular/material
• material-design.js
  https://material.angularjs.org/lib/material-design.js

実際に書き出してみました。

gulp に関しては、当ブログでも紹介しているのでご存じない方は併せて合わせてご覧ください。

【Gulp.js入門】新鋭フロンエンド・タスクランナーツール を試してみました。
https://dev.classmethod.jp/tool/gulpjs-part-001/

まとめ

立ち上がって間もないリポジトリですが、今後利用する可能性は十分にあると思うので、チェックしておくと良いかもしれません。